<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎登录 - 我的新华书店</title>
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <a href="#">
            <img src="./imgs/avatar1.jpg" alt="">
        </a>
        <span>欢迎登录</span>
    </div>
    <!-- 登录页 -->
    <div class="back">
        <div class="login">
            <div class="login_box">
                <div class="login_box_cont">
                    <ul>
                        <li class="text_left">
                            <a href="javascript:;" class="active">账户登录</a>
                        </li>
                        <li class="text_right">
                            <a href="javascript:;" class="">快捷登录</a>
                        </li>
                    </ul>
                    <div class="login_cont">
                        <!-- 账户登录 -->
                        <div class="login_inp">
                            <form>
                                <div style="height: 40px;
                                line-height: 40px; margin-bottom: 8px;"></div>
                                <div class="login_inp_user">
                                    <input id="login_id" type="text" name="username" placeholder="手机号" autocomplete="off">
                                </div>
                                <div class="login_inp_pass">
                                    <input id="password" type="password" placeholder="密码" autocomplete="off">
                                </div>
                                <div class="registered_box">
                                    <a href="#" class="forget_a">忘记密码</a>
                                    <a href="./register.html" class="registered_a">免费注册</a>
                                </div>
                                <div class="login_options">
                                    <input type="button" value="立即登录" id="submit">
                                </div>
                                <div class="login_bottom">
                                    <div class="login_or">
                                        <span>or</span>
                                    </div>
                                    <div class="login_wrap">
                                        <a href="#" class="iconfont wx" title="微信登录">&#xe6b3;</a>
                                        <a href="#" class="iconfont qq" title="QQ登录">&#xea95;</a>
                                        <a href="#" class="iconfont wb" title="微博登录">&#xe632;</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="text-align:center;line-height:40px;font-size:12px;color:#1E1E1E;width:1200px;margin:55px auto 0;">
        Copyright © 2015-2021  新华互联电子商务有限责任公司 版权所有
      </div>
</body>
<script src="./js/login.js"></script>
</html>